<template>
    <div>
        <TypeNav></TypeNav>
        <ListContainer></ListContainer>
        <TodayRecommend></TodayRecommend>
        <Rank></Rank>
        <Like></Like>
        <Floor v-for="item in floor" :key="item.id" :item="item"></Floor>
    </div>
</template>

<script>
    import ListContainer from 'pages/home/ListContainer/ListContainer';
    import TodayRecommend from 'pages/home/TodayRecommend/TodayRecommend';
    import Rank from 'pages/home/Rank/Rank';
    import Like from 'pages/home/Like/Like';
    import Floor from 'pages/home/Floor/Floor';
    import {mapState} from 'vuex'
    export default {
        name: "Home",
        components:{
            ListContainer,
            TodayRecommend,
            Rank,
            Like,
            Floor
        },
        computed:{
            ...mapState({floor:state=>state.home.floor})
        }
    }
</script>
<style scoped>
</style>